<template>
  <div class="infocons">
<h1>密钥大师使用说明:</h1>
<p class="title">1、密钥大师功能介绍:</p>
<p class="info">密钥大师设计初衷是因为开发者有N多的账号和密码，经常会出现密码忘记而使用繁琐的忘记密码找回。而且，如果所有的密码规则都设置成类似的很容易出现丢失一个密码，导致所有的密码都失窃，这是一件很恐怖的事，所以有的密钥大师，这类产品很多我的功能不是最完善的，但是，我有信心它是UI最漂亮的，哈哈！</p>
<p class="title">2、关于密码安全</p>
<p class="info">在设置要保存的密码的时候，建议大家不要填写要保存密码的账号、用户名、等</p>
<p class="title">3、密钥大师的使用场景</p>
<p class="info">对于普通用户可以用来记录密码、某些不常用却必须要用的密文、明文，可自行发挥！</p>
<p class="title">4、使用流程</p>
<div class="imagecon">
  <p>1、进入点击登录</p>
  <img src="../../static/image/w1.png" alt="">
  <p>2、点击加号添加要记录的密钥</p>
  <img src="../../static/image/w2.png" alt="">
  <p>3、根据提示填写，密码描述和密码记录</p>
  <img src="../../static/image/w3.png" alt="">
  <!-- <p>4、</p>
  <img src="../../static/image/w4.png" alt=""> -->
  <p>4、点击请选择，选择要查看的密钥</p>
  <img src="../../static/image/w5.png" alt="">
  <img src="../../static/image/w6.png" alt="">
  <p>5、点击对号发送至服务通知</p>
  <img src="../../static/image/w7.png" alt="">
  <img src="../../static/image/w8.png" alt="">
  <img src="../../static/image/w9.png" alt="">
</div>
<p class="title">5、联系开发者</p>
<p class="info">请备注"密钥大师"</p>
<img src="../../static/image/eqm.jpg" class="eqm" alt="">
  </div>
</template>

<script>
import router from "../router/index.js";
import addModel from "../model/add.vue";
export default {
  name: "HelloWorld",
  data() {
    return {
      msg: "Welcome to Your Vue.js App",
      username: "用户名",
      userpasswd: "",
      userid: 1,
      list: [],
      selecteds: "",
      showPassWd: " ",
      winHeight: $(window).height()
    };
  },
  components: {
    addModel
  },
  created: function() {},
  methods: {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
